import React, { ReactNode, useState } from 'react';
import { Button } from 'antd';
import QFModal from './../index';

function ModalDetailDemo() {
  const [open, setOpen] = useState(false);

  return (
    <>
      <Button
        onClick={() => {
          setOpen(true);
        }}
      >
        打开弹窗
      </Button>
      <QFModal
        title="标题"
        open={open}
        onCancel={() => setOpen(false)}
        onOk={() => setOpen(false)}
        dragProps
      >
        主内容区域
      </QFModal>
    </>
  );
}

export default ModalDetailDemo;
